<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/site/templates/template1.xhtml">
	<ui:define name="titulo">
		<title>..:: CLIENTES ::..</title>
	</ui:define>
	<ui:define name="lateral">
		<div id="submenuLateral">
			<h:form id="formulariomenuLateral">
				<p:growl id="mensaje" showDetail="true" life="001" sticky="true"></p:growl>
				<br></br>
				<p:separator styleClass="separatorMenuL" />
				<p:commandButton value="Crear" type="submit"
					onclick="PF('dl1').show();" icon="ui-icon-document"
					styleClass="botonMenuL">
					<p:ajax update=":formulariomenuLateral:panelMenuLateral"
						resetValues="true" />
				</p:commandButton>
				<p:dialog header="Crear Cliente" widgetVar="dl1" minHeight="80"
					height="300" width="800">
					<p:panelGrid id="panelMenuLateral" columns="4" scrollable="true"
						style="width: 700px; font-size: 11px;">

						<h:outputLabel for="inCodigoCliente" value="Codigo Cliente"></h:outputLabel>
						<p:inputText id="inCodigoCliente"
							value="#{clienteBean.clienteDTO.inCodigoCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvIdentificacionCliente" value="Nit Cliente"></h:outputLabel>
						<p:inputText id="nvIdentificacionCliente"
							value="#{clienteBean.clienteDTO.nvIdentificacionCliente}"
							size="5"></p:inputText>

						<h:outputLabel for="nvNombreEmpresaCliente" value="Empresa"></h:outputLabel>
						<p:inputText id="nvNombreEmpresaCliente"
							value="#{clienteBean.clienteDTO.nvNombreEmpresaCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvPrimerNombreCliente" value="Nombre Contacto"></h:outputLabel>
						<p:inputText id="nvPrimerNombreCliente"
							value="#{clienteBean.clienteDTO.nvPrimerNombreCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvSegundoNombreCliente"
							value="S. Nombre Contacto"></h:outputLabel>
						<p:inputText id="nvSegundoNombreCliente"
							value="#{clienteBean.clienteDTO.nvSegundoNombreCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvPrimerApellidoCliente"
							value="Apellido Contacto"></h:outputLabel>
						<p:inputText id="nvPrimerApellidoCliente"
							value="#{clienteBean.clienteDTO.nvPrimerApellidoCliente}"
							size="5"></p:inputText>

						<h:outputLabel for="nvSegundoApellidoCliente"
							value="S. Apellido Contacto"></h:outputLabel>
						<p:inputText id="nvSegundoApellidoCliente"
							value="#{clienteBean.clienteDTO.nvSegundoApellidoCliente}"
							size="5"></p:inputText>

						<h:outputLabel for="nvTelefonoCliente" value="Telefono Contacto"></h:outputLabel>
						<p:inputText id="nvTelefonoCliente"
							value="#{clienteBean.clienteDTO.nvTelefonoCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvExtensionCliente" value="EXT."></h:outputLabel>
						<p:inputText id="nvExtensionCliente"
							value="#{clienteBean.clienteDTO.nvExtensionCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvCelularCliente" value="Celular"></h:outputLabel>
						<p:inputText id="nvCelularCliente"
							value="#{clienteBean.clienteDTO.nvCelularCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvCorreoCliente" value="Corrreo"></h:outputLabel>
						<p:inputText id="nvCorreoCliente"
							value="#{clienteBean.clienteDTO.nvCorreoCliente}" size="5"></p:inputText>

						<h:outputLabel for="nvDireccionCliente" value="Direccion"></h:outputLabel>
						<p:inputText id="nvDireccionCliente"
							value="#{clienteBean.clienteDTO.nvDireccionCliente}" size="5"></p:inputText>

						<h:outputLabel for="inCodigoZona" value="Zona" />
						<p:selectOneMenu id="inCodigoZona"
							value="#{clienteBean.clienteDTO.zonaDTO.inCodigoZona}">


							<f:selectItem itemLabel="- Select One -" itemValue=""></f:selectItem>
							<f:selectItems value="#{zonaBean.zonaDTOlista}" var="zona"
								itemLabel=" #{zona.inCodigoZona} - #{zona.nvNombreZona}"
								itemValue="#{zona.inCodigoZona}">
							</f:selectItems>
						</p:selectOneMenu>


						<f:facet name="footer">
							<p:commandButton value="Crear"
								actionListener="#{clienteBean.crear}"
								update=":formulariomenuLateral:mensaje,"></p:commandButton>
							<p:commandButton resetValues="true" value="Cerrar"
								onclick="PF('dl1').close();"></p:commandButton>
						</f:facet>
					</p:panelGrid>
				</p:dialog>
			</h:form>

		</div>
	</ui:define>
	<ui:define name="contenidoTabla">
		<div id="spacerTabla"></div>
		<div id="cuerpoTablaMedia">
			<h:form id="formularioTablaCliente">
				<p:panelGrid columns="8" style="width: 1200px; font-size: 9px;"
					columnClasses="centered">
					<f:facet name="header">
					  	Clientes
				 	</f:facet>
					<p:dataTable id="tablaCliente" var="cl"
						value="#{clienteBean.clienteDTOlista}" selectionMode="single"
						selection="#{clienteBean.clienteDTO}"
						rowKey="#{cl.inCodigoCliente}" scrollable="true" paginator="true"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rows="10" filteredValue="#{clienteBean.clienteFilter}">
						<p:ajax event="rowSelect"
							update=":formularioDetalleCliente:panelDetalleCliente"></p:ajax>

						<p:column resizable="true" sortBy="#{cl.inCodigoCliente}"
							headerText="Codigo Cliente" filterBy="#{cl.inCodigoCliente}"
							filteredValue="#{cl.inCodigoCliente}" filterMatchMode="contains">
							<h:outputText value="#{cl.inCodigoCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvIdentificacionCliente}"
							headerText="Nit" filterBy="#{cl.nvIdentificacionCliente}"
							filteredValue="#{cl.nvIdentificacionCliente}"
							filterMatchMode="contains">
							<h:outputText value="#{cl.nvIdentificacionCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvNombreEmpresaCliente}"
							headerText="Empresa" filterBy="#{cl.nvNombreEmpresaCliente}"
							filteredValue="#{cl.nvNombreEmpresaCliente}"
							filterMatchMode="contains">
							<h:outputText value="#{cl.nvNombreEmpresaCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvTelefonoCliente}"
							headerText="Telefono" filterBy="#{cl.nvTelefonoCliente}"
							filteredValue="#{cl.nvTelefonoCliente}"
							filterMatchMode="contains">
							<h:outputText value="#{cl.nvTelefonoCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvCelularCliente}"
							headerText="Celular" filterBy="#{cl.nvCelularCliente}"
							filteredValue="#{cl.nvCelularCliente}" filterMatchMode="contains">
							<h:outputText value="#{cl.nvCelularCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvCorreoCliente}"
							headerText="Correo" filterBy="#{cl.nvCorreoCliente}"
							filteredValue="#{cl.nvCorreoCliente}" filterMatchMode="contains">
							<h:outputText value="#{cl.nvCorreoCliente}" />
						</p:column>

						<p:column resizable="true" sortBy="#{cl.nvDireccionCliente}"
							headerText="Dirección" filterBy="#{cl.nvDireccionCliente}"
							filteredValue="#{cl.nvDireccionCliente}" filterMatchMode="contains">
							<h:outputText value="#{cl.nvDireccionCliente}" />
						</p:column>



					</p:dataTable>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contenidoDetalle">
		<div id="spacerDetalle"></div>
		<div id="cuerpoDetalleMedia">
			<h:form id="formularioDetalleCliente">
				<p:growl id="mensajeDetalle" showDetail="true" life="1"
					sticky="true"></p:growl>
				<p:panelGrid columns="8" id="panelDetalleCliente"
					style="width: 1000px; font-size: 9px;">
					<f:facet name="header">
						Detalle del Cliente
					</f:facet>


					<h:outputLabel for="inCodigoCliente" value="Codigo Cliente"></h:outputLabel>
					<p:inputText id="inCodigoCliente"
						value="#{clienteBean.clienteDTO.inCodigoCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvIdentificacionCliente" value="Nit Cliente"></h:outputLabel>
					<p:inputText id="nvIdentificacionCliente"
						value="#{clienteBean.clienteDTO.nvIdentificacionCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvNombreEmpresaCliente" value="Empresa"></h:outputLabel>
					<p:inputText id="nvNombreEmpresaCliente"
						value="#{clienteBean.clienteDTO.nvNombreEmpresaCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvPrimerNombreCliente" value="Nombre Contacto"></h:outputLabel>
					<p:inputText id="nvPrimerNombreCliente"
						value="#{clienteBean.clienteDTO.nvPrimerNombreCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvSegundoNombreCliente"
						value="S. Nombre Contacto"></h:outputLabel>
					<p:inputText id="nvSegundoNombreCliente"
						value="#{clienteBean.clienteDTO.nvSegundoNombreCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvPrimerApellidoCliente"
						value="Apellido Contacto"></h:outputLabel>
					<p:inputText id="nvPrimerApellidoCliente"
						value="#{clienteBean.clienteDTO.nvPrimerApellidoCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvSegundoApellidoCliente"
						value="S. Apellido Contacto"></h:outputLabel>
					<p:inputText id="nvSegundoApellidoCliente"
						value="#{clienteBean.clienteDTO.nvSegundoApellidoCliente}"
						size="5"></p:inputText>

					<h:outputLabel for="nvTelefonoCliente" value="Telefono Contacto"></h:outputLabel>
					<p:inputText id="nvTelefonoCliente"
						value="#{clienteBean.clienteDTO.nvTelefonoCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvExtensionCliente" value="EXT."></h:outputLabel>
					<p:inputText id="nvExtensionCliente"
						value="#{clienteBean.clienteDTO.nvExtensionCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvCelularCliente" value="Celular"></h:outputLabel>
					<p:inputText id="nvCelularCliente"
						value="#{clienteBean.clienteDTO.nvCelularCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvCorreoCliente" value="Corrreo"></h:outputLabel>
					<p:inputText id="nvCorreoCliente"
						value="#{clienteBean.clienteDTO.nvCorreoCliente}" size="5"></p:inputText>

					<h:outputLabel for="nvDireccionCliente" value="Direccion"></h:outputLabel>
					<p:inputText id="nvDireccionCliente"
						value="#{clienteBean.clienteDTO.nvDireccionCliente}" size="5"></p:inputText>

					<h:outputLabel for="inCodigoZona" value="Zona" />
					<p:selectOneMenu id="inCodigoZona"
						value="#{clienteBean.clienteDTO.zonaDTO.inCodigoZona}">


						<f:selectItem itemLabel="- Select One -" itemValue=""></f:selectItem>
						<f:selectItems value="#{zonaBean.zonaDTOlista}" var="zona"
							itemLabel=" #{zona.inCodigoZona} - #{zona.nvNombreZona}"
							itemValue="#{zona.inCodigoZona}">
						</f:selectItems>
					</p:selectOneMenu>



					<f:facet name="footer">
						<p:commandButton type="submit" value="Actualizar" style="margin:0"
							actionListener="#{clienteBean.actualizar}"
							update=":formularioDetalleCliente,:formularioTablaCliente:tablaCliente"
							styleClass="styleOrange"></p:commandButton>
					</f:facet>
				</p:panelGrid>
			</h:form>
		</div>
	</ui:define>
</ui:composition>
</html>